デフォルトでは、C1RadialMenuItem は 360 度のメニュー内に均等に配置されます。たとえば、C1RadialMenu に３つの項目がある場合は、各項目がそれぞれ C1RadialMenu の３分の１を占めるように配置されます。
また、C1RadialMenu に８つの項目がある場合は、次の図のようになります。
各項目は、それぞれラジアルメニューの８分の１を占めています。各 C1RadialMenuItem は、１つのセクター内に配置されます。セクターの数は、SectorCount を使用してカスタマイズできます。このプロパティは、子項目を含むすべての C1RadialMenu および C1RadialMenuItem に設定できます。
SectorCount プロパティは、DisplayIndex プロパティと一緒に使用する場合、C1RadialMenuItem の配置は完全的にカスタマイズすることができます。 DisplayIndex プロパティは C1RadialMenuItem の表示方法を定義するためにゼロベースのインデックスを使用しています。たとえば、SectorCount を「8」に設定した C1RadialMenu の表示インデックスは、次のようになります。
インデックスは C1RadialMenu の中心の左側からメニューに沿って時計回りに大きくなります。
たとえば、次の C1RadialMenu は、インデックス３とインデックス４の位置に２つの C1RadialMenuItem しか表示しません。
| マークアップ |
コードのコピー
|
|---|---|
| <Xaml:C1RadialMenu SectorCount=8> <Xaml:C1RadialMenuItem DisplayIndex="3" /> <Xaml:C1RadialMenuItem DisplayIndex="4" /> </Xaml:C1RadialMenu> |
|
SectorCount プロパティと DisplayIndex プロパティを使用して、４つの異なる位置に項目を表示することもできます。
| マークアップ |
コードのコピー
|
|---|---|
| <Xaml:C1RadialMenu SectorCount="8"> <Xaml:C1RadialMenuItem Header="左へ挿入"/> <Xaml:C1RadialMenuItem Header="上へ挿入" DisplayIndex="2" /> <Xaml:C1RadialMenuItem Header="右へ挿入" DisplayIndex="4" /> <Xaml:C1RadialMenuItem Header="下へ挿入" DisplayIndex="6" /> </Xaml:C1RadialMenu> |
|
上のマークアップは、次の図のような C1RadialMenu コントロールを作成します。